<template>
  <!-- 建筑工程设计资质类型 -->
  <div>
    <img width="100%" src="~/assets/img/m_jzgszx_banner.jpg" alt="">

    <div class="m_sjzz1_box">
         <h3>公司注销 服务项目<span>加速办理 疑难注销 吊销转注销</span></h3>


    <section class="m_sjzz1">
      <ul class="m_sjzz1_list">
        <li><img src="~/assets/img/jzgsbgi1.png" alt="">
          <p>小规模纳税人企业注销</p>
        </li>
        <li><img src="~/assets/img/jzgszxi2.png" alt="">
           <p>一般纳税人企业注销</p>
        </li>
        <li><img src="~/assets/img/jzgszxi3.png" alt="">
          <p>分公司注销</p>
        </li>
        <li><img src="~/assets/img/jzgszxi4.png" alt="">
          <p>外资公司注销</p>
        </li>
        <li><img src="~/assets/img/jzgszxi5.png" alt="">
          <p>外资分公司注销</p>
        </li>
      </ul>
    </section>
      </div>
    <!-- 建筑工程设计资质类型 -->
    <div style="height: 0.2rem;background: #F2F2F5;"></div>
    <section class="sy sy8">
      <h3>服务精英推荐</h3>
      <div class="two zb">
        <ul class="ct zb">
          <li v-for="(data,id) in title.gj" :key="id" :class="'li'+id" :style="{background:'url('+'https://exam.zhonghaiqihang.com'+data.avatar+') no-repeat 0rem 0/3.4rem 2.69rem',width:'3.2rem',height:'2.69rem'}">
            <div class="top">
              <h4>{{data.username}}</h4>
              <p class="p2">经营资质顾问</p>
              <p class="p3">{{data.mobile}}</p>
            </div>
            <a @click="chj_gj(data,id)" href="JavaScript:;">立即咨询</a>
          </li>
        </ul>
      </div>
    </section>

    <!-- 变更须知 -->
      <img width="100%" src="~/assets/img/m_jzgszx_fwnr.jpg" alt="">
    <!-- 变更须知 -->

    <!-- 需要准备的材料 -->
       <div class="m_m_main">
         <div class="m_xqzc">


         <div class="xqzc2">
             <h3>您需要准备的材料</h3>
             <div class="ct af">
               <div class="left">
                 <img src="~/assets/img/xqzc2bg.png" width="153" height="153">
               </div>
               <div class="rt">
                 <ol>
                   <li class="li1">公司营业执照正、副本（原件及复印件）</li>
                   <li class="li2">公司的老法人、股东身份证复印件</li>
                   <li class="li3">公司公章、财务章、合同章、发票章、法人章、 备案通知书</li>
                   <li class="li4">租房合同、房租票据</li>
                   <li class="li5">国、地税登记证正、副本（原件及复印件）</li>
                   <li class="li6">银行开户许可证、网银、印鉴卡等</li>
                   <li class="li7">公司近三年账本、财务报表、财务记账凭证、剩余未使用票据、已开过的票据、税控盘</li>
                 </ol>
               </div>
             </div>
           </div>
           </div>
        </div>
    <!-- 需要准备的材料 -->

    <!--  -->
<div class="m_m_main">
    <div class="m_xqzc">
     <div class="xqzc2">
         <h3>建筑企业工商服务内容</h3>

         <ul class="mgszx_content">
           <li><div class="le"><img src="~/assets/img/m_jzgszxi1.png" alt=""></div><div class="ri"><p class="tit">建筑公司注册</p><p class="text">代办执照、提供注册地址、<br>无隐形消费</p></div></li>
           <li><div class="le"><img src="~/assets/img/m_jzgszxi2.png" alt=""></div><div class="ri"><p class="tit">建筑公司变更</p><p class="text">变更法人、地址、注册<br>资本、经营范围等</p></div></li>
           <li><div class="le"><img src="~/assets/img/m_jzgszxi3.png" alt=""></div><div class="ri"><p class="tit">建筑公司转让</p><p class="text">全面审核、流程通透、<br>资源丰富</p></div></li>
           <li><div class="le"><img src="~/assets/img/m_jzgszxi4.png" alt=""></div><div class="ri"><p class="tit">建筑公司注销</p><p class="text">疑难杂症注销、吊销转<br>注销，专业办理</p></div></li>
           <li><div class="le"><img src="~/assets/img/m_jzgszxi5.png" alt=""></div><div class="ri"><p class="tit">建筑公司代理记账</p><p class="text">量身定制方案、账目清晰<br>明确、进程可视化</p></div></li>
           <li><div class="le"><img src="~/assets/img/m_jzgszxi6.png" alt=""></div><div class="ri"><p class="tit">建筑资质办理</p><p class="text">总承包资质、专业承包<br>资质、施工设计资质</p></div></li>
         </ul>


     </div>
    </div>
</div>
    <!--  -->
    
    <!--热门服务  -->
       <MJZGSRMFW></MJZGSRMFW>
    <!-- 热门服务 -->

    <section class="sy sy9" style="margin-top: .18rem">
      <h3>用心对待<span>一个互联网服务品牌 企业服务智能升级的实践者</span> <em @click="more()">更多</em></h3>
      <ul>
        <li><img src="~/assets/img/m-sy91.png">
          <p>快速响应</p>
        </li>
        <li><img src="~/assets/img/m-sy92.png">
          <p>信息安全</p>
        </li>
        <li><img src="~/assets/img/m-sy93.png">
          <p>进度掌握</p>
        </li>
        <li><img src="~/assets/img/m-sy94.png">
          <p>专属服务</p>
        </li>
        <li><img src="~/assets/img/m-sy95.png">
          <p>提供售后</p>
        </li>
      </ul>

    </section>
  </div>
</template>

<script>
  import axios from 'axios';
  import $ from 'jquery';
  import MJZGSRMFW from '~/components/mjzgsrmfw.vue'
  export default {
    name: 'HelloWorld',
    data() {
      return {
        gj1: 'select',
        gj2: '',
        swiperOption: {
          loop: true,
          slidesPerView: 5,
          centeredSlides: true,
          autoplay: {
            delay: 5000,
            disableOnInteraction: false,
            spaceBetween: 5000,
            loop: true,
          },
          pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true
          },
          on: {
            slideChange() {},
            tap() {}
          }
        },
        gjname: ['工商服务顾问', '财税记账顾问', '商标知产顾问', '社保人事顾问', '社保人事顾问', '资质商城顾问', '工商服务顾问', '工商服务顾问', '财税记账顾问', '财税记账顾问'],
      }
    },
    async asyncData({
      params
    }) {

      let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
      let nh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Service/serviceDetailsData`, {
        params: {
          serviceid: params.id
        }
      });
      let nh4 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData`, {
        params: {
          serviceid: params.id
        }
      });
      let nh5 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Service/popularData`);

      let nh6 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/QybDetailImg/getQybDetailImg`, {
        params: {
          threeid: params.id,
          //      twoid:this.$route.query.name
        }
      });

      let data = {
        nav: nh.data,
        xqdata: nh3.data,
        gj: nh4.data,
        rmfw: nh5.data,
        imgurl: nh6.data
      };
      return {
        title: data
      }
    },
    head() {
      return {
        title: '建筑公司注销_企业邦',
        meta: [{
            hid: 'description',
            name: 'description',
            content: '建筑公司注销_企业邦'
          },
          {
            hid: 'keywords',
            name: 'keywords',
            content: '建筑公司注销_企业邦'
          }
        ]
      }
    },
    components:{
      MJZGSRMFW
    },
    mounted: function() {
      $('header').show();

      function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
          "SymbianOS", "Windows Phone",
          "iPad", "iPod"
        ];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
          if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
          }
        }
        return flag;
      }
      if (IsPC()) {
        this.$router.push('/Finance');
      } else {

      }

    },

    methods: {
      xqbg: function(e) {
        $('.qhgj a').removeClass('select');
        $('.qhgj .' + e).addClass('select');
      },
    }
  }
</script>

<style>
  .mgszx_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 0.24rem;
  }
  .mgszx_content li{
    width: 3.4rem;
    height: 1.27rem;
    background: #D8EAFF;
    border-radius: 0.04rem;
    display: flex;
    margin-bottom: 0.2rem;
  }
  .mgszx_content li>.le{
    display: flex;
    align-items: center;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }
  .mgszx_content li>.le img{
    height: 0.5rem;
  }
  .mgszx_content li>.ri{
    flex: 1;
  }
  .mgszx_content li>.ri .tit{
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #212529;
  }
  .mgszx_content li>.ri .text{
    font-size: 0.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
  }
  .m_m_main .m_xqzc .xqzc2 .rt li.li6:before{
    content: "6";
  }
  .m_m_main .m_xqzc .xqzc2 .rt li.li7:before{
    content: "7";
  }
  .m_m_main .m_xqzc .xqzc2 .left{
    margin-top: 1.2rem;
  }
  .m_xqzc{
   display: block;
  }
  .m_sjzz1_box h3{
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #252525;
    padding-left: 0.24rem;
  }
  .m_sjzz1_box h3 span{
    font-size: 0.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #B4B4B4;
    margin-left: 0.17rem;
  }
  .m_sjzz1 {
    padding-left: 0.24rem;
    padding-right: 0.24rem;
    overflow-x: scroll;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
  }

  .m_sjzz1_list {
    display: flex;
    width: 10rem;
  }

  .m_sjzz1_list li {
    width: 2rem;
    /* height: 1.32rem; */
    padding-bottom: 0.3rem;
    float: left;
    text-align: center;
    margin-right: 0.14rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.01rem 0.21rem 0rem rgba(194, 194, 194, 0.31);
    border-radius: 0.02rem;
    padding-top: 0.3rem;
  }

  .m_sjzz1_list li img {
    height: 0.6rem;
  }

  .m_sjzz1_list li p {
    font-size: 0.24rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #212529;
    padding: 0 0.24rem;
  }

  .mobile .sy h3 {
    margin: 0 auto 0;
  }

  .m_alzs {}

  .m_alzs .title {
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #252525;
    padding-left: 0.24rem;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
  }

  .m_alzs ul {
    padding-left: 0.24rem;
    padding-right: 0.16rem;
    padding-bottom: 0.4rem;
  }

  .m_alzs ul li {
    width: 1.29rem;
    height: 1.92rem;
    float: left;
    margin-right: 0.16rem;
  }

  .m_alzs ul li img {
    width: 100%;
    height: 100%;
  }

  .m_alzs ul li:last-child {
    margin-right: 0rem;
  }
  .m_rmfw .m_item3{
    margin-top: 0rem;
  }
 .jzzz_li1{background: url(../../../assets/img/m_jzgsbg_i1.png) no-repeat center;}
  .jzzz_li2{background: url(../../../assets/img/m_jzgsbg_i2.png) no-repeat center;}
  .jzzz_li3{background: url(../../../assets/img/m_jzgsbg_i3.png) no-repeat center;}
  .jzzz_li4{background: url(../../../assets/img/m_jzgsbg_i4.png) no-repeat center;}
</style>
